$(function() {
    var layer = layui.layer
        // 初始化评论区列表
    initComment()

    function initComment() {
        $.ajax({
            url: '/admin/comments',
            method: 'GET',
            success: function(res) {
                if (res.status !== 0) {
                    return console.log(res.message);
                }
                console.log(res);
                var htmlStr = template('tpl-table', res)
                $('#comment-table').html(htmlStr);
            }
        })
    }
    // 美化时间格式的过滤器
    template.defaults.imports.dataFormat = function(date) {
            const dt = new Date(date)
            var y = dt.getFullYear()
            var m = padZero(dt.getMonth() + 1)
            var d = padZero(dt.getDate())
            var hh = padZero(dt.getHours())
            var mm = padZero(dt.getMinutes())
            var ss = padZero(dt.getSeconds())
            return y + '-' + m + '-' + d + ' ' + hh + ':' + mm + ':' + ss
        }
        // 定义补零的函数
    function padZero(n) {
        return n > 9 ? n : '0' + n
    }
    // 文章评论区点赞功能
    $('body').on('click', '.layui-icon-praise', function(e) {
        console.log(e);
        var x = e.pageX
        var y = e.pageY
        console.log(y);
        var count = $(this).next().html()
        $(this).next().html(++count)
        layer.msg('点赞+1')
    });
    // 发表评论功能
    $('#comment-form').on('submit', function(e) {
        e.preventDefault()
        var data = {
            uname: $('[name="uname"]').val(),
            content: $('[name="content"]').val()
        }
        console.log(data);
        $.ajax({
            url: '/api/articles/' + 1 + '/comments',
            method: 'POST',
            data: data,
            success: function(res) {
                if (res.status !== 0) {
                    return console.log(res.message);
                }
                console.log(res);
                $('[name="content"]').val('')
                $('[name="uname"]').val('')
                initComment()
                layer.msg('发表评论完成！')
            }
        })
    });
    // 评论字数限制
    $('[name="content"]').on('keyup', function() {
        // console.log($(this).val());
        var num = $(this).val().length
            // console.log(num);
        $('.word_count').html(num + '/100')
    })
})